@charset "utf-8";

.banner-bar,.poster-nav,.container-con,.city-con,.packages-con,.city-con,.travell_city,.case,.process-con,.hotel,.product-con,.baike_con,.menu-con{
    width: 1200px;
    margin: 0 auto;
}
.banner,.banner-bar{
    height: 360px;
    position: relative;
}
.banner img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.banner-bar aside{
    width: 210px;
    height: 360px;
    position: absolute;
    top: 0;
    left: 0;
    background: #332d32;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.banner-bar aside a {
    width: 100%;
    height: 17px;
    padding:0 16px 0 42px;
    background: url(../images/icon1-2.png) no-repeat 15px center;
    background-size: 14px 14px;
}
/* .banner-bar aside a:hover{
      background: rgba(255, 255, 255, 0.1);

} */
.banner-bar aside a span:first-child{
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    color: #ebffd8;
    float: left;
}
.banner-bar aside a span:last-child{
    font-size: 12px;
    color: #c2bfc1;
    float: right;
}
.poster-nav{
    height: 158px;
    display: flex;
    box-sizing: border-box;
    
}
.poster-nav a{
    width: 196px;
    height: 158px;
  
    justify-content: space-between;
}
.poster-nav a:not(:last-child){
    margin-right: 55px;
}
.poster-nav a .post_img{
    padding: 47px 0 0 80px;
}
.poster-nav a .post_img img{
   height: 40px;
   width: 40px;
}
.poster-nav a h3{
    font-size: 18px;
    line-height: 18px;
    color: #333;
    margin-top: 18px;
    width: 100%;
    text-align: center;
}
.container-con{
    height: 296px;
   display: flex;
   justify-content: space-between;
}
.container-con .container-l{
    width: 602px;
    height: 100%;
    position: relative;
}
.container-con .container-l img{
    position: absolute;
    z-index: -1;
}
.container-l h2{
    padding: 41px 0 0 22px;
    font-size: 23px;
    line-height: 23px;
    color: #fff;
}
.container-l .select_box{
    margin: 38px 38px 0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.select_box .city{
    width: 166px;
    height: 65px;
    font-size: 16px;
    line-height: 65px;
    padding-left: 15px;
    background: url(../images/xiasanjiao.png) #fff no-repeat 141px center;
}
.container-l .select_search{
    width: 161px;
    height: 48px;
    margin: 30px 0 0 221px;
    background: #fff url(../images/youjiantou-red.png) 122px center no-repeat;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: 14px;
    line-height: 48px;
    color: #f83244;
    text-align: center;
}
.container-m{
    width: 240px;
    height: 297px;
    position: relative;
}
.container-m img{
    position: absolute;
    z-index: -1;
}
.container-m h2{
    padding: 65px 0 0 57px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;

}
.container-m h3{
    padding:20px 0 0 47px;
    color: #fff;
    font-size: 17px;
    line-height: 17px;
}
.container-m h3 i{
    color: #fff614;
}
.container-m .select_search{
    margin: 67px 0 0 40px;
    width: 161px;
    height: 48px;
    border-radius: 24px;
    background: #fff;
    text-align: center;
    line-height: 48px;
    color: #fd9d5a;
}
.container-r{
    width: 335px;
    height: 295px;
}
.container-r h2{
    font-size: 20px;
    color: #333333;
    margin: 40px 0 0 40px;
    line-height: 20px; 
}
.logo_tool {
    width: 333px;
    height: 231px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-evenly;    
}
.logo_tool .logo{
    width: 111px;
    height: 100px;
   
}
.logo_tool img{
    width: 30px;
    height: 30px;
    margin-top: 38px;
    padding-left: 46px;
}
.logo_tool h3{
    font-size: 14px;
    color: #333;
    line-height: 14px;
    padding-top: 21px;
    text-align: center;
}
.city-con{
    margin-top: 32px;
   
    display: flex;
    font-size: 12px;
    line-height: 16px;
}
.city-con .hotcity{
    text-align: center;
    height: 16px;
    width: 98px;
    border-right: 1px solid #666666;
    background: url(../images/zuobiao.png) no-repeat 0 0;
    background-size: 14px 16px;
}
.city-con .city_list{
    line-height: 16px;
    width: 660px;
    height: 12px;
    display: flex;
    justify-content: space-evenly;
    background: url(../images/right_array_03.png) no-repeat 645px center ;
    background-size: 6px 9px;
}
.packages{
    margin-top:82px ;
    height: 817px;
    background: #fafafa;
}
.packages-con{
    height: 100%;
    
}
.title{
    height: 92px;
    padding-top: 61px ;
    width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    color: #333333;
}
.img_show1{
    margin-top: 50px;
    height: 333px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.img_show1 img{
    width: 386px;
    height: 239px;
}
.img_show1 h3{
    padding-top: 28px ;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
}
/* .img_content span:nth-of-type(1){
    margin-top: 22px;
    font-size: 15px;
    line-height: 15px;
    color: #f83244;
    display: inline-block;
} */
.img_content .txt{
    padding-left: 30px;
    height: 92px;
    width: 356px;
}
/* .img_show1 span:nth-of-type(2){
    display: inline-block;
    margin-top: 33px;
    font-size: 28px;
    color: #f83244;

}
.img_show1 span:nth-of-type(3){
    font-size: 12px;
    color: #666666;
} */
.txt_price{
    align-items: baseline;
    margin: 14px 20px 6px 0px;
    display: flex;
    justify-content: space-between;
}
.txt_price .price::first-letter{
    font-size: 16px;
    margin-right: 4px;
}
.txt_price .price{
    font-size: 27px;
    color: #f83244;
}
.txt_price span:nth-of-type(2){
    font-size: 12px;
    color: #796666;
}
.img_show2{
    margin-top: 76px;
    display: flex;
    justify-content: space-between;
}
.img_show2 img{
    width: 284px;
    height: 198px;

}
.show2_name{
    margin: 10px 0 0 35px;
    font-size: 11px;
    color: #666666;
    line-height: 11px;
}
.imgbox_show2 .money{
    margin: 34px 0 0 35px;
    font-size: 14px;
    color: #f83244;
}
.imgbox_show2 .money::first-letter{
    font-size: 10px;
    margin-right: 4px;
}
.box_img{
    position: relative;
}
.content_img{
    position: absolute;
    left: 14px;
    bottom: 0;
    width: 253px;
    height: 42px;
    background: #fff;
    z-index: 1;
    text-align: center;
    line-height: 42px;
    font-size: 12px;
    font-weight: bold;
}
.city_tit{
    margin: 122px 0 50px 0;
    width: 100%;
    text-align: center;
    font-size: 30px;
    
}
.city_photo{
    margin-top: 50px;
    height: 358px;
    display: flex;
    justify-content: space-between;
}
.city_photo .photo_l{
    width: 237px;
    height: 100%;
    position: relative;
}
.photo_l img,.photo_r img{
    height: 100%;
    width: 100%;
}
.city_photo .photo_c{
    width: 718px;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.city_photo .photo_r{
    width: 237px;
    height: 100%;
    position: relative;
}
.c_img{
    width: 238px;
    height: 178px;
    position: relative;
}
.c_img img{
    width: 100%;
    height: 100%;
}
.photo_txt{
    height: 53px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
   padding-left: 20px;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    line-height: 53px;
}
.city_btn{
    margin-top: 62px;
    display: flex;
    justify-content: center;
}
.btn_box{
    width: 161px;
    height: 48px;
    background: #f83244;
    border-radius: 24px ;
    padding-left: 22px;
    color: #fff;
    font-size: 14px;
    line-height: 48px;
}
.btn_box .right{
    font-size: 10px;
    color: #fff;
    line-height: 48px;
    margin-left: 10px;
}
.case{
    height: 888px;
}
.case .title2{
    margin-top: 102px;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    color: #333333;
}

.case_img{
    margin-top: 60px;
    position: relative;
    height: 408px;

}
.case_img1{
    width: 340px;
    height: 277px;
    margin-top: 132px;
    position: absolute;
    left: -75px;
}
.case_img1 img{
    width: 100%;
    height: 100%;

}
.case_img2{
    width: 640px;
    height: 400px;
    position: absolute;
    left: 280px;
}
.case_img2 img{
    width: 100%;
    height: 100%;
}
.case_img3{
    width: 340px;
    height: 277px;
    margin-top: 132px;
    position: absolute;
    right: -75px;
}
.case_img2 h3{
    margin: 44px 0 0 32px;
    font-size: 20px;
    line-height: 20px;
}
.collect{
    width: 580px;
    margin:20px 0 0 32px;
    display: flex;
    justify-content: space-between;
}
.collect h4{
    font-size: 12px;
    color: #666666;
    line-height: 12px;
}
.round{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.round_box{
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background: #f83244; 
    display: flex;
    justify-content: center;
}
.round_box span{

    font-size: 14px;
    color: #fff;
  
    line-height: 56px;
}
.point-con{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 54px auto;
    width: 176px;
    height: 16px;
}
.point{
    width: 8px;
    height: 8px;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}
.btn_case{
    width: 176px;
    margin: 40px auto;
}
.btn_case .btn_box{
    padding-left: 36px;
}
.case h5{
    margin-top: 26px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #aaaaaa;
}
.process{
    width: 100%;
    margin-top: 82px;
    height: 392px;
    background: url(../images/icon-bg.png) no-repeat ;
    background-size: 100%313px;
    padding-top: 60px;
}
.process h2{
    
    font-size: 30px;
    text-align: center;

}
.process-con{
    background: #fff;
    margin-top: 50px;
    height: 252px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    box-shadow: 0 4px 10px #f7f7f7;
}
.process-list{
    width: 65px;
    height: 85px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.process-list img{
    width: 30px;
    height: 30px;
}
.process-list h5{
    font-size: 12px;
    line-height: 12px;
    columns: #333333;
}
.hotel{
    padding-top: 80px;
}
.hotel h3{
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    line-height: 28px;
    color: #333333;
}
.hotel_img{
    margin-top: 50px;
    height: 217px;
    background: #f8f8f8;
    display: flex;
    justify-content: space-between;
}
.hotel_img img{
    width: 224px;
    height: 114px;
}
.list_box{
    height: 221px;
}
.hotel_tit{
    padding-left: 20px;
    margin-top: 22px;
    font-size: 18px;
    line-height: 18px;
}
.product{
    margin-top: 80px;
    background: #f9f9f9;
    padding-top: 63px;
}
.product h2{
    font-size: 28px;
    text-align: center;
    line-height: 28px;
}
.product_list{
    margin-top: 30px;

}
.product_txt{
    padding-left: 392px;
}
.product_txt a{
    font-size: 14px;
    line-height: 14px;
    color: #333333;
}
.product_txt a span{
    margin: 0 12px;
    display: inline-block;
    color: #d0d0dc;
}
.product_img{
   
    display: flex;
    justify-content: space-between;
    margin-top: 42px;
}
.product_show{
    height: 346px;
    width: 286px;
}
.product_box{
    width: 286px;
    height: 340px;
    position: relative;
}
.product_show img{
    height: 286px;
    width: 286px;
}
.product_detail{
    width: 255px;
    height: 111px;
    position: absolute;
    background: #fff;
    bottom: 0px;
    left: 15px;
    padding: 18px 0 0 22px;
}
.product_show .product_detail h3{
    font-size: 23px;
    line-height: 23px;
    color: #333333;

}
.product_show .product_detail img{
    margin-top: 14px;
    width: 40px;height: 2px;
}
.product_detail a{
    font-size: 12px;
    line-height: 12px;

}
.product_detail a span{
    margin: 0 12px;
    display: inline-block;
    color: #d0d0dc;
}
.a_list{
    margin-top: 21px;
}
.btn_product{
    margin-top: 56px;
    height: 48px;
    display: flex;
    justify-content: center;
}
.btn_more{
    width: 160px;
    height: 48px;
    background: #f83244;
    font-size: 15px;
    line-height: 48px;
    color: #fff;
    padding-left:37px;
    border-radius: 24px;
    box-shadow:0px 5px 8px #f83244;;
}
.btn_more span{
    margin-left: 11px;
    color: #fff;
}
.beauty{
    width: 100%;
    
    background: url(../images/bg_bottom.png) no-repeat center top;
    background-size: auto 1386px;
    margin-top: 80px;
}
.beauty .title{
    color: #fff;
    margin-bottom: 47px;
}
.beauty_top{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: 510px;
}
.beauty_top a:nth-of-type(1) img{
    width: 662px;
    height: 512px;
}
.beauty_top .top_r{
    margin-top: 121px;
    height: 391px;
    width: 658px;
    background: #111111;
    display: flex;
    padding-top: 60px;
    justify-self: start;
}
.top_r>a{
    position: relative;
    display: block;
}
.top_r a:nth-of-type(1) img{
    width: 330px;
    height: 330px;
    opacity: 0.5;
}
.width_limit{
    margin: 0 auto;
    width: 1320px;
}
.middle-first-floor-point {
    position: absolute;
    top: 203px;
    left: 290px;
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color:transparent #111 transparent transparent;
}
.top-txt{
    padding:30px 0 0 57px;
    width: 257px;
    height: 242px;
}
.top-txt1{
    font-size: 30px;
    color: #fff;
}
.top-txt2{
    margin-top: 45px;
    font-size: 20px;
    color: #fff;
    line-height: 33px;

}
.btn_top{
    margin-top: 68px;
    width: 58px;
    height: 58px;
    background: #f83244;
    text-align: center;
    line-height: 58px;
    border-radius: 29px;
}
.btn_top span{
    font-size: 18px;
    color: #fff;
}
.beauty-center{
    height: 323px;
    background: #222222;
    display: flex;
    justify-content: flex-start;
}
.center1,.center2 a,.center3,.center4{
    width: 328px;
    height: 323px;
    font-size: 34px;
    line-height: 323px;
    color: #fff;
    text-align: center;
}
.center4 img{
    height: 100%;
    width: 100%;
    opacity: 0.5;
}
.center2 img{
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.center2 a{
    display: block;
    position: relative;
}
.left_sanjiao{
    width: 0;
    height: 0;
    border: 20px solid;
    position: absolute;
    top: 143px;
    right: 290px;
    border-color: transparent transparent transparent #111111;
}
.beauty_conl{
    margin-top: 64px;
    padding-block-start: 60px;
    width: 539px;
    
}
.con_tit{
    font-size: 30px;
    color: #fff;
    line-height: 30px;
}
.con_tit1{
    margin-top: 47px;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
}
.beauty_con{
    display: flex;
    justify-content: space-between;

}
.beauty_conr{
   width: 666px;
   position: relative;
   height: 415px;
}
.beauty_conr img{
    width: 100%;
    position: absolute;
}
.collect_con{
    margin-top: 20px;
    display: flex;
    font-size: 12px;
    line-height: 16px;
}
.collect_con .hotcity {
    text-align: center;
    height: 16px;
    width: 98px;
    border-right: 1px solid #666666;
    background: url(../images/collect_03.png) no-repeat 0 0;
    background-size: 14px 16px;
}
.collect_con .city_list {
    line-height: 16px;
    width: 373px;
    height: 12px;
    display: flex;
    justify-content: space-evenly;
    background: url(../images/right_array_03.png) no-repeat 645px center;
    background-size: 6px 9px;
}
.btn_case {
    margin: 64px auto 79px;
}

.baike_tit{
    font-size: 28px;
    line-height: 28px;
    height: 28px;
   text-align: center;
}
.baike_con{
    margin-top: 48px;
    display: flex;
    justify-content: flex-start;
}
.baike_con1,.baike_con3{
    width: 398px;
    height: 428px;
    border: 1px solid #d8d8d8;
}
.baike_con2{
    width: 398px;
    height: 428px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.baike_txt1{
  
    height: 160px;
    background: #f8f8f8;
  
}
.baike_first{
  
    padding: 48px 0 0 129px;
    display: flex;
}
.baike_txt1 img{
    height: 28px;
    width: 28px;
}
.baike_tit{
    font-size: 21px;
    margin-left: 19px;
}
.baike_list{
    margin-top: 26px;
    display: flex;
    padding-left: 50px;
    box-sizing: border-box;
    width: 295px;
    justify-content: space-between;
}
.baike_list a{
    font-size: 12px;
    
}
.baike_list a span{
    margin: 0 6px;
    display: inline-block;
    color: #d0d0dc;
}
.baike_txt2{
    display: flex;
  
    height: 268px;
    padding:43px 50px 63px 29px;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.baike_show{
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}
.baike_showL{
    color: #000000;
}
.baike_showR{
    color: #666666;
}
.menu,.menu-con{
    height: 380px;
    background: #222222;
}
.menu-con1{
    height: 255px;
    border-bottom: 1px solid #4e4f57;
    display: flex;
    padding-top: 46px;
    justify-content: space-between;
}
.menu_list{
    width: 130px;
    height: 172px;
}
.menu_list:nth-of-type(4),.menu_list:nth-of-type(5){
    width: 72px;
}
.menu_listR{
    width: 101px;
    height: 175px;
}
.menu_tit{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 21px;
}
.menu_list ul li{
    float: left;
}
.menu_list ul li:nth-of-type(2n-1){
    width: 80px;
}
.menu_list ul li a{
    color: #cccccc;
    font-size: 12px;
    line-height: 28px;
}
.menu_listR .menu_tit{
    margin-bottom: 13px;
}
.menu_listR .menu_tit .QRcode{
    width: 96px;
    height: 96px;
}
.QRcode img{
    width: 100%;
    height: 100%;
}
.contact{
    margin-top: 16px;
}
.contact a{
    display: block;
    width: 32px;
    height: 32px;
    float: left;
}
.contact a img{
    width: 100%;
    height: 100%;
}
.contact a:nth-of-type(1) {
    margin-right: 12px;
}
.menu-con2{
    padding: 34px 0 42px 0;
    font-size: 12px;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.menu-con2 span{
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    float: left;
}
.link{
    float: left;
    width: 1135px;
}
.link a{
    margin: 0 18px;
    line-height: 24px;
    color: #cccccc;
}
.footer{
    height: 100px;
    background: #1a1a1a;
    padding: 33px 0 30px 0;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #fff;
}
.footer a:nth-of-type(1){
    margin-right: 40px;
}
.footer a{
    color: #fff;
}
.footer p:nth-of-type(2){
    margin-top: 19px;
}
.nav_side{
    position: fixed;
    right: 0;
    bottom: 230px;
    width: 56px;
}
.ask{
    background: #222222;
    padding-top: 20px ;
    padding-bottom: 12px;
}
.ask img{
    padding: 0 18px ;
    width: 20px;
    height: 20px;
}

.ask h4{
    margin-top: 7px;
    padding: 0 16px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
.code{
   margin-top: 1px;
   width: 56px;
    height: 56px;
    text-align: center;
    background: #222222;
   
}
.code img{
    margin-top: 18px;
    display: inline-block;
}
.jiantou{
    margin-top: 1px;
    width: 56px;
     height: 56px;
     text-align: center;
     background: #222222;
}
.jiantou img{
    margin-top: 18px;
    display: inline-block;
}